<template>
	<view @click="serchClick" class="mysearch" :style="{backgroundColor:`${bgc}`}">
	    <view class="searchinput" :style="{ borderRadius: `${radius}rpx` }">
	      <uni-icons type="search" size="20"></uni-icons>
	      搜索
	    </view>
	  </view>
</template>

<script>
	export default {
		name:"my-search",
		data() {
			return {
				
				
			};
		},
		props:{
			bgc:{
				type: String,
				default:'#c00000'
			},
			radius:{
				type:Number,
				default:20
			}
		},
		methods:{
			serchClick(){
				// 调用外界的一个click事件，让外接可以绑定click事件
				this.$emit('click')
			}
		}
	}
</script>

<style lang="scss">
	.mysearch {
	  // background-color: #c00000;
	  padding: 20rpx;
	  .searchinput {
	    height: 70rpx;
	    background-color: #fff;
	    // border-radius: 50rpx;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	  }
	}

</style>